<template>
	<view class="u-flex u-row-between u-flex-wrap u-padding-30">
		<view  v-for="(item,index) in list" :key="index" class="list" @click="go(item)">
			<u-image width="332" height="332" :src="item.cover"></u-image>
			<view class="" style="position: absolute;left: 0;top: 0;">
				<u-tag :text="item.groupNum+'人团'" shape="circleRight" bg-color="#FF5D39" color="#fff" border-color="#FF5D39"/>
			</view>
			
			<view class="u-padding-20" style="width: 332rpx;">
				
				<view class="u-line-2" style="height: 72rpx;">
					{{item.goodsName}}
				</view>
				<view class="u-flex u-row-between u-margin-top-20">
					<view style="color: #FF5D39;font-weight: bold;font-size: 30rpx;">￥{{item.price}}</view>
					<view style="color: #bebebe;text-decoration: line-through;">￥{{item.price}}</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:{
				type:Array,
				default:[]
			}
		},
		data(){
			
			return{
				
			}
		},
		methods:{
			go(item){
				this.$emit("go",item)
			}
		}
	}
</script>

<style>
	.list{
		background: #FFFFFF;
		
		box-shadow: 0px 2rpx 4rpx rgba(190, 190, 190, 0.3);
		margin-bottom: 40rpx;
		border-radius: 20rpx;
		position: relative;

	}
</style>
